<script setup>

import {User, UserFilled} from "@element-plus/icons-vue";
import {ref} from "vue";
import {isPermission} from "../../utils/utils.js";

const loginInfo = ref({
  username: '谢某清心寡欲',
  headerLink: '',
  role: '',
})
</script>

<template>
  <div class="common-layout">
    <el-container>
      <el-header style="height: 20vh;">
        <div style="display: flex; align-items: center;margin-bottom: 20px">
        <h2>课程名称</h2>
        <el-tag type="info" style="margin-left: 20px">已结束</el-tag>
      </div>
        <div style="display: flex;align-items: center;">
          <el-avatar :size="50" :src="loginInfo.headerLink" :icon="User"/>
          <span style="font-size: 14px;margin-left: 10px">{{loginInfo.username}}</span>
          <span style="font-size: 14px;margin-left: 10px">(school)</span>
        </div>
      </el-header>
      <el-main>
        <h2>课程简介</h2>
      </el-main>
    </el-container>
  </div>
</template>

<style scoped lang="less">

</style>